<!DOCTYPE html>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<html>
    <head>
        <title>Calendar</title>
        <link rel="stylesheet" type="text/css" href="Style.css"/>
        <link rel="shortcut icon" href="calendar.ico">
        <!--<script src="Script.js" charset="utf-8" type="text/javascript"></script>-->
        <!--<script src="Calendar.js" charset="utf-8" type="text/javascript"></script>-->
        <!--<script src="Lunar.js" charset="utf-8" type="text/javascript"></script>-->
        <!--<script src="dummy.js" charset="utf-8" type="text/javascript"></script>-->
        <!--<script src="angular.js" charset="utf-8" type="text/javascript"></script>-->
        <!--<script src="sizzle.js" charset="utf-8" type="text/javascript"></script>-->

        <script type="text/javascript">

            function getData() {
                var ajax = new XMLHttpRequest();
                ajax.open("GET", "http://localhost:50295/services/api", true);
                ajax.send();
                ajax.onreadystatechange = function() {
                    if (ajax.readyState == 4 && ajax.status == 200) {
                        alert(ajax.responseText);
                    }
                }
            }

            function postData() {
                var param = '{"input":"'+ "phuc" + '"}';
                var ajax = new XMLHttpRequest();
                ajax.open("POST", "http://localhost:50295/services/aaa", true);
                ajax.setRequestHeader("Content-type", "application/json");
                ajax.setRequestHeader("Content-length", param.length);
                ajax.setRequestHeader("Connection", "close");
                ajax.send(param);
                ajax.onreadystatechange = function() {
                    if (ajax.readyState == 4 && ajax.status == 200) {
                        alert(ajax.responseText);
                    }
                    else {
                        alert("failed");
                    }
                }
            }

            function createCalendar(){
//                var calendar = new Calendar();
            }
        </script>
    </head>

    <body onload="createCalendar()" >
        <!--<div class="header_bar">-->
            <!--<div class="header_container">-->
                <!--<div class="logo"><img src="Logo.png"></div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div id="wrapper">-->
            <!--<div class="toolbar">-->
                <!--<div class="header_left">-->
                    <!--<div class="previous" onclick="showPrevious()"></div>-->
                    <!--<div class="next" onclick="showNext()"></div>-->
                <!--</div>-->
                <!--<div id="displayed_month"></div>-->
                <!--<div class="header_right">-->
                    <!--<div class="mode_month" onclick="showCurrentMonth()"></div>-->
                    <!--<div class="mode_week" onclick="showCurrentWeek()"></div>-->
                    <!--<div class="mode_day" onclick="showCurrentDay()"></div>-->
                    <!--<div class="mode_schedule" onclick="showCurrentDaySchedule()"></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div id="calendar_header"></div>-->
            <!--<div id="content"></div>-->
            <!--<div id="schedule"></div>-->
        <!--</div>-->
        <button onclick="getData()">GET</button>
        <button onclick="postData()">POST</button>
    </body>
</html>